*{
    padding: 0px;
    margin: 0px;
}
li {
    list-style: none;
}
i {
    font-style: initial;
}
html {
    /* overflow: hidden; */
}
/* @media screen and (){
    html {
        font-size: 750px !important;
    }
} */
@media screen and (min-width: 750px){
    html {
        font-size: 750px !important;
    }
}
.hidden {
    display: block !important;
}
html {
    overflow: hidden;
}
body {
    max-width: 750px;
    margin: 0px auto;
    font-size: 0.02rem;
}
.box {
    max-width: 750px;
    transform: translateX(0%);

    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    background: url() no-repeat;
    background-size: auto;
    background-color: rgb(82, 82, 82);
    box-sizing: border-box;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: scroll;
    overflow-x: scroll;
}
/* logo */
.logo {
    color: #fff;
    font-weight: bolder;
    text-align: center;
    padding: 0.017rem;
}
/* 搜索一栏 */
.searchDIV {
    padding: 10px 0px;
}
/* 功能 */
.menu {
    position: relative;
    z-index: 9999;
    display: inline-block;
    float: left;
    width: 0.09rem;
    height: 0.07rem;
    box-sizing: border-box;
    background: url('./image/menu.png') no-repeat center center;
    background-size: 58%;
}
/* 表单 */
.songKey {
    position: relative;
    /* background-color: brown; */
}
/* 搜索框父节点容器 */
.searchParent{
    padding: 0px .15rem 0px 0.09rem;
}
/* 搜索框 */
.songKey input[type="text"]{
    box-sizing: border-box;
    /* height: 35px; */
    height: 0.07666rem;
    width: 100%;
    line-height: 0.04666rem;
    border-radius: 0.04rem;
    padding-left: 0.02rem;
    /* 去掉系统默认文本框激活时的边框 */
    outline: none;
    /* 字符间距 */
    letter-spacing: 2.5px;
    border: 1px solid #fff;
    color: #fff;
    background-color: rgba(165, 42, 42, 0);
    text-align: center;
    font-size: 0.034rem;
}
/* 设置 input 属性 placeholder="输入要查询的歌曲" 的字体颜色 */
input::-webkit-input-placeholder{
    color:rgb(200, 200, 200);
}
/* 搜索按钮 */
.songKey  button{
    position: absolute;
    top: 0.004rem;
    right: 0.013333rem;
    width: 0.12rem;
    height: 0.07rem;
    outline: none;
    border-radius: 1.0rem;
    letter-spacing: 3px;
    background-color: rgb(255, 255, 255);
    border: none;
    font-size: 0.033rem;
}
.songDiv {
    /* overflow-x: scroll; */
}
/* 歌曲列表和热评列表的容器 */
.songList {
    width: 200%;
}
/* 歌曲列表 */
.songList table {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    text-align: left;
    font-size: 0.034rem;
    color: rgba(225,225,225,.8);
}

/* 热评 */
.hotComment {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    width: 50%;
}
.songList tbody {
    display: block;
    width: 100%;
    /* overflow-y: scroll; */
    /* padding-top: 0.02rem; */
}
tr{
    display: block;
    border-bottom: 1px solid rgba(150,150,150,.1);
    transition: all 2s;
}
tr td > i {
    transition: all 3s;
    opacity: 0;
}
th,td {
    display: inline-block;
    height: 0.13rem;
    line-height: 0.13rem;
    overflow: hidden;
}
/* 歌曲 歌手 专辑 一栏 */
.songTableHead {
    
}
/* 歌曲一栏宽度 */
.songList tr th:nth-child(1),
.songList tr td:nth-child(1){
    position: relative;
    width: 45%;
}
/* 歌曲tr缩进 */
.songList tr th:nth-child(1){
    box-sizing: border-box;
    /* padding-left: 0.09rem; */
    padding-left: 0.1rem;
}
/* 歌名前的编号 */
.songList tr td:nth-child(1) span{
    display: inline-block;
    width: 0.09rem;
    box-sizing: border-box;
    padding: 0px 0.077rem 0px 0.02rem;
}
/* 歌手一栏宽度 */
.songList tr th:nth-child(2),
.songList tr td:nth-child(2){
    width: 20%;
}
/* 专辑一栏宽度 */
.songList tr th:nth-child(3),
.songList tr td:nth-child(3){
    width: 30%;
}

/* 正在播放音乐的一栏背景色 */
.playBG {
    background-color: rgba(225,225,225,.1);
}
/* 音乐播放音频动图 */
.icon{
    display: inline-block;
    position: absolute;
    left: 0.058rem;
    top: 0.046rem;
    width: 25px;
    height: 25px;
    background: url('./image/wave.gif') no-repeat;
    background-size: 0.0314rem;
    opacity: 1;
}


/* 热门评论 */
.hotComment li{
    /* background-color: antiquewhite; */
    padding: 15px 0px;
    border-bottom: 1px rgb(163, 163, 163) solid;
    color: rgb(199, 199, 199);
}
/* 头像 */
.hotComment li img{
    width: 0.16908rem;
    height: 0.16908rem;
    border-radius: 50%;
}
/* 装用户名和评论时间的容器 */
.hotComment li .uesr{
    display: inline-block;
    font-size: 0.0410rem;
    vertical-align: top;
    padding: 0.015rem 0px 0px 0.0183rem;
}
.uesr .time {
    font-size: 0.035rem;
}
/* 热评的内容 */
.hotComment ul li .hotContent{
    font-size: 0.0310rem;
    padding: 0.01207rem 0px 0px 0.0483rem;
    color: rgb(255, 255, 255);
    letter-spacing: 3px
}

/* 播放层 */
.playLayer {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    font-size: 0.05rem;
    background-color: rgba(26, 26, 26, 0.767);
}
/* play窗口 */
.playWindow{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 80%;
    /* height: 50%; */
    box-sizing: border-box;
    padding: 20px;
    /* background-color: rgba(0, 0, 0, 0.568); */
    transform: translate(-50%, -50%);
    border: 1px solid rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
}
.playWindow p{
    padding: 0.05rem;
}






















/* 播放器 */
audio {
    width: 100%;
    opacity: 0.05;
}

/* 滚动条 PC端才有效果 */
/* 鼠标移入滑块条才显示 */

:hover::-webkit-scrollbar-thumb{
    background-color: rgba(255, 255, 255, 0.2); 
}
::-webkit-scrollbar {
    width: 14px;
} 
/* 这是针对缺省样式 (必须的) */
::-webkit-scrollbar-track {
    background-color: rgba(68, 68, 68, 0.082);
} 
/* 滚动条的滑轨背景颜色 */
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.151); 
    border-radius: 15px;
} 
/* 滑块颜色 */
::-webkit-scrollbar-button {
    background-color: rgb(49, 49, 49);
} 
/* 滑轨两头的监听按钮颜色 */

::-webkit-scrollbar-corner {
    background-color: rgba(0, 0, 0, 0.089);
}
 /* 横向滚动条和纵向滚动条相交处尖角的颜色 */